<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/js/wangeditor/css/style.css" rel="stylesheet">
<style>

    .layui-upload-colse {
        position: relative;
    }

    .closeUpload {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .upImg {
        width: 80px;
        height: 80px;
    }

    .formfixed {
        position: relative;
    }

    .remove {
        position: absolute;
        top: 125%;
        right: -175px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .myheader {
        height: 140px;
        background-color: #FFFFFF;
        padding: 20px 0;
        display: flex;
        align-items: center;
        margin: 0;
        flex-wrap: wrap;
    }

    .layui-tab {

        overflow: auto;
        background-color: #FFFFFF;
        margin: 10px 0 0 0;
    }

    .layui-input-block1 {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .layui-tab-title{
        height: 40px!important;
    }
    .layui-tab-content{
        height: calc(100% - 55px);
        overflow: auto;
    }
    .layui-form-select dl,.xm-body{
        z-index: 1000!important;
    }
    .layui-upload-list{
        display: flex;
        flex-wrap: wrap;
    }

    .mybutton {
        background: #fff;
        height: 150px;
        width: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #a9b7b7;
        border: 2px solid #a9b7b7;
        margin-right: 10px;
        padding: 10px;
    }
    .upImg {
            width: 80px;
            height: 80px;
    }

    .mybutton:hover {
        cursor: pointer;
    }
    .myDashed{
     position: relative;
    }
    .myDashed:after{
        position: absolute;
        center:"";
        border-bottom: 2px dashed #000;
        bottom: 10px;
        left: 2%;
        width: 96%;
    }
    .layui-this{
        position: relative;
        color: #000!important;
    }
    .layui-this:after{
        position: absolute;
        width: 50%!important;
        left: 25%!important;
    }
    .layui-input-block{
        display: flex;
        align-items: center;
        justify-content: flex-start;

    }
    .layui-form-label {
        width: 146px !important;
    }
</style>
<body>
<input id="userId" th:value="${id}" style="display: none">
<div class="layui-fluid mt2" style="background-color: #f0f2f5;    padding: 0 !important;">
    <form class="layui-form" style="height: 100%;">
        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   padding-top: 10px;margin: 0" >
            <h3>基本信息</h3>
        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">队伍类型:</label>
                <div class="layui-input-block">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">队伍名称:</label>
                <div  class="layui-input-block">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">创建时间:</label>
                <div class="layui-input-block">
                </div>
            </div>
        </div>

        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   margin: 20px 0 0 0 ;" >
            <h3>选手信息</h3>
        </div>
        <div class="layui-tab layui-tab-brief" style="margin: 0">
        <ul class="layui-tab-title">
            <li class="layui-this">养老护理员项目</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <th:block>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">选手1</label>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">选手类型:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">选手姓名:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">性别:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">民族:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">政治面貌:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">文化程度:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">从业时长:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">现工作单位:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">联系方式:</label>
                            <div class="layui-input-block">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <label class="layui-form-label ">身份证号:</label>
                        <div class="layui-input-block"  >
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <label class="layui-form-label ">个人简介:</label>
                        <div class="layui-input-block"  >
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <label class="layui-form-label ">自荐绝活:</label>
                        <div class="layui-input-block"  >
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <label class="layui-form-label ">何时获得何种荣誉: </label>
                        <div class="layui-input-block"  >
                        </div>
                    </div>

                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">个人照片: </label>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">身份证照片: </label>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">报名表: </label>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">其他: </label>
                        </div>

                    </div>
                    <div class="layui-form-item myDashed" style="background: #fff;  height: 150px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <div class="layui-inline mybutton" style="padding: 0"
                                 th:each="item,imgStat:${userImgs}" >
                                <img class="upImg" th:src="${item}" style="height: 100%;width: 100%">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <div class="layui-inline mybutton" style="padding: 0"
                                 th:each="item,imgStat:${userImgs}" >
                                <img class="upImg" th:src="${item}" style="height: 100%;width: 100%">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <div class="layui-inline mybutton" style="padding: 0"
                                 th:each="item,imgStat:${userImgs}" >
                                <img class="upImg" th:src="${item}" style="height: 100%;width: 100%">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <div class="layui-inline mybutton" style="padding: 0"
                                 th:each="item,imgStat:${userImgs}" >
                                <img class="upImg" th:src="${item}" style="height: 100%;width: 100%">
                            </div>
                        </div>
                    </div>
                </th:block>
            </div>
        </div>
        </div>
        <!--        <div class="layui-form-item  layui-flow-more">-->
<!--            <div class="layui-inline">-->
<!--                <button type="button" class="layui-btn" lay-submit lay-filter="submit">通过</button>-->
<!--                <button type="button" class="layui-btn" onclick="refused()">拒绝</button>-->
<!--            </div>-->
<!--        </div>-->

    </form>
</div>

<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/xmSelect.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/grade/info.js"></script>
</body>
</html>